html body,
html #firstHeading {
  font-family: sans-serif, NospzGothicMoe, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
body {
  background-color: #f5f5f5;
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}
body {
  display: block;
}
.container {
  max-width: 960px;
  margin: 0 auto;
}
a {
  color: #ffc600;
  transition: all 0.3s ease;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  color: #fff;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
  width: 5px;
  height: 6px;
  border-radius: 8px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
/* -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5); */
  background-color: #2a2a2a;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: #ffc600;
/* -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5); */
}
@font-face {
  font-family: WenYue;
  src: url("/font/WenYue-XinQingNianTi-NC-W8-1.otf");
}
@font-face {
  font-family: Bender;
  src: url("/font/Bender.otf");
}
#font {
  font-family: WenYue;
  color: #fff;
}
#font-Bender {
  font-family: Bender;
}
.header {
  position: fixed;
  width: 100%;
  height: 50px;
  background: #171717;
  top: 0;
  margin-left: 0;
  z-index: 9999;
  box-shadow: 0 1px 40px -8px rgba(255,255,255,0.5);
}
.header .tipsbox {
  overflow: inherit;
  display: block;
  margin: 0 auto;
  max-width: 1500px;
}
.header .tipsbox .blog-title {
  float: left;
  margin: 12px auto;
}
.header .blog-title a {
  margin-left: 20px;
  text-decoration: none;
}
.header .tipsbox nav.main-nav {
  margin: 0 auto;
}
.header header,
.header nav {
  width: 100%;
}
.header nav {
  height: inherit;
}
.header .tipsbox nav.main-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0 15px;
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  justify-content: flex-end;
}
.header .tipsbox nav.main-nav ul a li {
  color: #fff;
  display: block;
  font-size: 0.9rem;
  padding: 0 14px;
  line-height: 50px;
  height: 50px;
  max-height: 50px;
  transition: all 0.2s ease;
}
.header .tipsbox nav.main-nav ul a li:hover {
  background-color: #ffb600;
}
.win-top {
  width: 100%;
  height: 500px;
  position: relative;
  overflow: hidden;
}
.win-top .counter {
  color: #fff;
  font-size: 14px;
  position: relative;
  max-width: 520px;
  margin: 8% auto 6%;
  text-align: center;
}
#content .mw-body {
  position: relative;
  z-index: 7;
  background-color: rgba(255,255,255,0.8);
}
.mw-body {
  padding: 1.25em 1.5em 1.5em 1.5em;
}
.mw-body,
.parsoid-body {
  padding: 1em;
  background-color: #2a2a2a;
  color: #fff;
  direction: ltr;
}
#mainpage {
  display: block;
  width: 100%;
  text-align: left;
  margin: 0 auto;
  max-width: 1030px;
}
#content div {
  display: block;
}
.mainpage-container .box-1stcontent {
  display: flex;
  flex-direction: column;
}
.title-box {
  font-family: EasonPro, "黑体", serif;
  font-size: 1.818em;
  color: #fff;
  margin: 0;
  font-weight: 400;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
#mainpage {
  display: block;
  width: 100%;
  text-align: left;
  margin: 0 auto;
  max-width: 1030px;
}
.mainpage-1stcontent {
  vertical-align: top;
  padding: 0.5em 0.42890625rem;
  min-height: 230px;
}
.main-aboutgame {
  width: 100%;
  float: left;
}
#newsBox {
  width: 50%;
  float: left;
}
@media only screen and (max-width: 900px) {
  #newsBox {
    width: 100%;
  }
  .cover,
  .cover2,
  #img-1,
  #img-3 {
    display: none;
  }
}
#newsBox a {
  color: #fff;
  text-decoration: none;
}
#newsBox a:hover {
  color: #ffc600;
  text-decoration: none;
}
#newsBox h2,
#pageBox h2 {
  border-bottom: solid 4px #ffa600;
  margin-bottom: 0px;
  color: #ffa600;
  font-size: 18px;
}
#newsBox ul,
ol {
  margin: 0;
  padding: 0;
}
#newsBox li {
  border-bottom: dotted 1px #f1e4cf;
  padding: 15px 0;
  font-size: 0.8rem;
}
#newsBox ol li,
ul li,
dt,
dd {
  line-height: 1.5em;
  list-style-type: none;
}
#newsBox li {
  display: list-item;
  text-align: -webkit-match-parent;
}
#newsBox .day {
  display: inline-block;
  width: 100px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  color: #ff8c54;
}
.cover,
.cover2 {
  width: 50%;
  float: left;
  border-radius: 20px;
  position: relative;
}
.cover:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  box-shadow: 0 0 50px 30px #181818 inset;
}
.cover2:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  box-shadow: 0 0 50px 30px #2a2a2a inset;
}
.more a {
  background: rgba(255,255,255,0);
  position: relative;
  display: inline-block;
  padding: 12px 46px;
  min-width: 80px;
  border: 2px solid #fff;
  border-radius: 40px;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  margin: 10px;
  color: #fff;
}
.more a:hover {
  background: rgba(255,255,255,0.5);
  border: 2px solid #fff;
  transition: all 0.3s ease;
}
.vdo-zhezhao {
  background: rgba(255,255,255,0);
  padding: 3px;
  border-radius: 20px;
  color: rgba(255,255,255,0);
  transition: all 0.3s ease;
}
.vdo-zhezhao:hover {
  background: rgba(0,0,0,0.3);
  color: #fff;
}
video {
  object-fit: cover;
}
.footer {
  background: #424242;
  width: 100%;
  color: #a9a9a9;
}
#footer {
  padding: 1.25em;
  margin: 0 auto;
  max-width: 1030px;
  direction: ltr;
  font-family: sans-serif, NospzGothicMoe, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
#footer a {
  color: #fff;
  transition: all 0.3s ease;
  text-decoration: none;
  cursor: pointer;
}
#footer a:hover {
  color: #ffc600;
}
#footer ul {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
#footer ul li {
  font-size: 0.8em;
}
#footer ul li a {
  color: #fff;
}
#footer #footer-info li {
  line-height: 1.4em;
}
#footer-info-copyright {
  padding: 15px 0 30px 0;
  font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
  min-height: 165px;
}
#footer #footer-places li {
  float: left;
  margin-right: 1em;
  line-height: 2em;
}
#footer-by {
  padding: 15px 0 30px 0;
  font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
  min-height: 165px;
  font-size: 12pt;
  color: #dcdcdc;
}
#footer-by a {
  color: #a9a9a9;
}
#footer-by div {
  text-align: center;
  margin-top: 5px;
}
#footer .footer_li_box li {
  width: auto;
  float: left;
/* 使li内容横向浮动，即横向排列  */
  margin-right: 5%;
/* 两个li之间的距离*/
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 15px;
}
#footer span {
  color: #a9a9a9;
}
.box_link_bilibili {
  width: 150px;
  height: 30px;
  background-color: #00bfff;
  border-radius: 20px;
  color: #fff;
}
.post {
  margin: 10px 5px 5px 5px;
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 0 2px #ddd;
  float: left;
}
.site-content {
  max-width: 800px;
  padding: 0 10px;
  margin-left: auto;
  margin-right: auto;
  background-color: #5a5a5a;
  margin-top: 120px;
  border: 3px solid #ffc600;
  border-right: none;
  border-top: none;
  border-bottom: none;
}
.md {
  margin: 0 auto;
  max-width: 1030px;
}
.posts .post:first-child {
  margin-top: 1;
  width: calc(67% / 3);
}
.posts .post-title {
  font-size: 1.5em;
}
.posts .post-title .post-title-link {
  color: #368ccb;
  text-decoration: none;
}
.posts .post-content a {
  color: #368ccb;
  text-decoration: none;
}
.posts .post-meta {
  color: #bababa;
}
.posts a {
  color: #368ccb;
  transition: all 0.3s ease;
  text-decoration: none;
  cursor: pointer;
}
.posts a:hover {
  color: #00bfff;
}
.post-title h1 {
  color: #ffc600;
  font-size: 2em;
}
.post-time {
  color: #ffc600;
}
.post-content h1 {
  font-size: 1.8em;
  border-bottom: 1px dashed;
  padding: 5px;
  border-color: #ffc600 !important;
}
.post-content h2 {
  font-size: 1.1em;
  padding: 10px;
}
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6,
.post-content h7 {
  font-size: 1em;
}
.post-content p,
.post-content ul,
.post-content li {
  font-size: 0.97em;
  line-height: 2;
}
.post-meta {
  text-align: right;
  font-size: 0.8em;
}
.md {
  font-family: Mulish, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.md p {
  margin: 0 0 0.8rem;
}
a,
div,
li {
  -webkit-tap-highlight-color: transparent;
}
.md .spoiler:not(.bulr) {
  background-color: #000;
  color: #000;
  text-shadow: none;
  transition: color 0.3s;
  padding: 0 0.1875rem;
  margin: 0;
}
.md .spoiler:hover {
  color: #fff;
}
:not(pre)>code {
  color: #ff69b4;
  border-radius: 0.3rem;
  border: 0.0625rem solid rgba(0,0,0,0.1);
  background-color: #fff;
  padding: 0.2rem 0.3rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.code-container,
code,
pre {
  font-family: Inconsolata, consolas, Menlo, -apple-system, "PingFang SC", "Microsoft YaHei";
  font-size: 1em;
}
.highlight {
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
  box-shadow: 0 0.3125rem 0.625rem -0.125rem rgba(0,0,0,0.1);
}
.highlight {
  background: #f7f7f7;
  color: #333;
  line-height: 1.6;
  margin: 1.25rem auto;
}
.highlight figcaption {
  color: #ccc;
  display: inline-flex;
  font-size: 0.875em;
  font-weight: 700;
  padding: 0 6rem 0 5rem;
  min-height: 2.5rem;
  width: 100%;
  text-align: center;
  align-items: center;
  justify-content: space-between;
  background-color: #eff2f3;
  margin-bottom: 0.625rem;
}
.highlight figcaption::before {
  content: attr(data-lang);
  text-transform: Capitalize;
}
.code-container,
.gutter pre {
  color: #c0c0c0;
  margin-right: 1em;
}
.md ins {
  --line-color: #ff69b4;
  text-decoration: none;
  border-bottom: 0.125rem solid #ff69b4;
}
.md .note {
  border-radius: 0.1875rem;
  margin: 1rem 0;
  padding: 1rem;
  position: relative;
  background: var(--note-bg, var(--grey-2));
  color: var(--grey-6);
  border-left: 0.25rem solid var(--note-border, var(--grey-4));
  font-size: 0.875em;
  padding-left: 2.5rem;
  --primary-color: var(--note-text);
  box-sizing: border-box;
}
.md .note::before {
  position: absolute;
  left: 0.5rem;
  top: calc(50% - 1rem);
  font-family: ic;
  font-weight: 400;
  font-size: 1.5rem;
  color: var(--note-text, var(--grey-6));
}
.md .note p {
  margin: 0;
}
.default {
  --grey-2: #f7f7f7;
  --grey-4: #ccc;
  --grey-6: #666;
}
.info {
  --note-border: #8fa4dc;
  --note-bg: #f1f9ff;
  --note-text: #1d4974;
  --note-hover: #1d5fa0;
}
.note.info::before {
  content: "\f02b";
}
.warning {
  --note-border: #c9ba9b;
  --note-bg: #fffbeb;
  --note-text: #947600;
  --note-hover: #ccb045;
}
.i-exclamation-circle:before,
.md .note.warning::before {
  content: "\efb5";
}
.danger {
  --note-border: #f4b3c1;
  --note-bg: #fff2f5;
  --note-text: #cc0f35;
  --note-hover: #f14668;
}
.note.danger::before {
  content: "\f050";
}
.success {
  --note-border: #a3c293;
  --note-bg: #fcfff5;
  --note-text: #2c662d;
  --note-hover: #3b883c;
}
.i-check-circle:before,
.md .note.success::before,
.md ul li.task-list-item input[type=checkbox]:checked+label::before {
  content: "\ef66";
}
.md ruby {
  padding: 0 0.3125rem;
}
.table-container {
  overflow: auto;
}
.table-container table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: $font-size-small;
  margin: 0 0 1.25rem 0;
  width: 100%;
  overflow: auto;
}
.table-container table tbody tr:nth-of-type(even) {
  background: var(--grey-0);
}
.table-container table tbody tr:hover {
  background: var(--grey-2);
}
.table-container table caption,
.table-container table th,
.table-container table td {
  font-weight: normal;
  padding: 0.5rem;
  text-align: left;
  vertical-align: middle;
}
.table-container table th,
.table-container table td {
  border: 0.0625rem solid var(--grey-3);
  border-bottom: 0.1875rem solid var(--grey-3);
}
.table-container table th {
  font-weight: 700;
  padding-bottom: 0.625rem;
  text-align: center;
}
.table-container table td {
  border-bottom-width: 0.0625rem;
}
.table-container table td p:last-child,
.table-container table td pre:last-child,
.table-container table td .highlight:last-child {
  margin: 0;
}
.post-archive {
  width: 100%;
  margin: 10px;
  transition: 0.3s ease;
  transition-property: transform;
  flex-flow: column nowrap;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.post-archive li {
  background: #151515;
  padding: 20px;
  transition: all 0.3s ease;
}
.post-archive .post-more {
  background: #ffc600;
  color: #000;
  font-family: Bender;
  padding: 3px 10px 3px 30px;
}
.post-archive li:hover {
  background: #686868;
  transition: all 0.3s ease;
}
.post-archive li:hover .post-more {
  background: #000;
  color: #fff;
}
.post-archive .post-item {
  margin: 5px 0 5px 0;
}
.post-archive .post-item .post-date {
  display: inline-block;
  margin-right: 10px;
  color: #fff;
  font-family: WenYue;
}
.post-archive .post-item .inbox-aside {
  color: #ffc600;
  width: 100%;
  height: 100%;
  white-space: normal;
  max-height: 145px;
  max-width: 100%;
  padding: 10% 5%;
  box-sizing: border-box;
  background: rgba(255,255,255,0.82);
  position: relative;
  z-index: 3;
}
.post-archive .post-item .post-title {
  color: #ffc600;
  text-decoration: none;
  transition: all 0.3s ease;
  text-decoration: none;
  cursor: pointer;
}
.post-archive .post-item .post-title:hover {
  color: #fff;
}
@font-face {
  font-family: 'iconfont'; /* project id 2191679 */
  src: url("//at.alicdn.com/t/font_2191679_cp89fqafmon.eot");
  src: url("//at.alicdn.com/t/font_2191679_cp89fqafmon.eot?#iefix") format('embedded-opentype'), url("//at.alicdn.com/t/font_2191679_cp89fqafmon.woff2") format('woff2'), url("//at.alicdn.com/t/font_2191679_cp89fqafmon.woff") format('woff'), url("//at.alicdn.com/t/font_2191679_cp89fqafmon.ttf") format('truetype'), url("//at.alicdn.com/t/font_2191679_cp89fqafmon.svg#iconfont") format('svg');
}
.ic {
  font-family: "ic" !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  width: 1.25em;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.ic em {
  font-size: 0;
}
.ic-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}
.idenglong:before {
  content: "\e607";
}
.idenglong1:before {
  content: "\e608";
}
.idenglong-:before {
  content: "\e609";
}
.ichunjie-lin:before {
  content: "\e650";
}
.idiscord:before {
  content: "\e66e";
}
.italk:before {
  content: "\e6fc";
}
.ibilibili-fill:before {
  content: "\e652";
}
.ichevron-left:before {
  content: "\ef6e";
}
.ichevron-right:before {
  content: "\ef6f";
}
.icoffee:before {
  content: "\ef7a";
}
.ienvelope:before {
  content: "\efae";
}
.iexternal-link-alt:before {
  content: "\efb6";
}
.iheart:before {
  content: "\f013";
}
.iheartbeat:before {
  content: "\f017";
}
.isearch:before {
  content: "\f0a8";
}
.isitemap:before {
  content: "\f0bd";
}
.itags:before {
  content: "\f0f3";
}
.ith:before {
  content: "\f0fc";
}
.ithumbtack:before {
  content: "\f107";
}
.itimes-circle:before {
  content: "\f10a";
}
.icreative-commons:before {
  content: "\f17e";
}
.igithub:before {
  content: "\f1b4";
}
.itwitter:before {
  content: "\f24d";
}
.iweibo:before {
  content: "\f261";
}
.iaddress-card:before {
  content: "\f278";
}
.ilist-ol:before {
  content: "\f039";
}
.icheck:before {
  content: "\ef65";
}
.itimes:before {
  content: "\f109";
}
.ifile-word:before {
  content: "\f299";
}
.iarrow-circle-right:before {
  content: "\ef23";
}
.icheck-circle:before {
  content: "\ef66";
}
.iexclamation-circle:before {
  content: "\efb5";
}
.iinfo-circle:before {
  content: "\f02b";
}
.iminus-circle:before {
  content: "\f050";
}
.iplus-circle:before {
  content: "\f082";
}
.iangle-left:before {
  content: "\ef19";
}
.itag:before {
  content: "\e759";
}
.isakura:before {
  content: "\e695";
}
.imagic:before {
  content: "\f03e";
}
.ihome:before {
  content: "\e8ed";
}
.iangle-down:before {
  content: "\ef1a";
}
.icalendar:before {
  content: "\e812";
}
.ipaper-plane:before {
  content: "\f063";
}
.iuser:before {
  content: "\f2dd";
}
.ilink:before {
  content: "\e8fc";
}
.ilink-alt:before {
  content: "\f037";
}
.ilist-alt:before {
  content: "\e6c1";
}
.istar:before {
  content: "\f0d4";
}
.ifacebook:before {
  content: "\f19d";
}
.iinstagram:before {
  content: "\f1d3";
}
.iskype:before {
  content: "\f231";
}
.istack-overflow:before {
  content: "\f239";
}
.iyoutube:before {
  content: "\f274";
}
.iangle-up:before {
  content: "\ef1b";
}
.icalendar-check:before {
  content: "\ef5b";
}
.iplay:before {
  content: "\f07f";
}
.icomments:before {
  content: "\ef7f";
}
.ipause:before {
  content: "\f06a";
}
.imusic:before {
  content: "\f059";
}
.ifeather:before {
  content: "\efbd";
}
.iclipboard:before {
  content: "\e651";
}
.iat:before {
  content: "\e619";
}
.ifile:before {
  content: "\e68d";
}
.iflag:before {
  content: "\e680";
}
.iclock:before {
  content: "\ef75";
}
.ieye:before {
  content: "\efb8";
}
.ipen:before {
  content: "\f071";
}
.ialign-justify:before {
  content: "\ef13";
}
.ialign-left:before {
  content: "\ef14";
}
.iexpand:before {
  content: "\efb4";
}
.icompress:before {
  content: "\ef82";
}
.ishare:before {
  content: "\e61b";
}
.ilink-circle:before {
  content: "\e67b";
}
.iperson:before {
  content: "\e69d";
}
.isun:before {
  content: "\e6d1";
}
.imoon:before {
  content: "\e71e";
}
.imarkdown:before {
  content: "\f1eb";
}
.ismile:before {
  content: "\f2a5";
}
.ipreview:before {
  content: "\e901";
}
.imobile-alt:before {
  content: "\f052";
}
.ipaw:before {
  content: "\f06b";
}
.iandroid:before {
  content: "\f161";
}
.ichrome:before {
  content: "\f178";
}
.iedge:before {
  content: "\f195";
}
.ifirefox:before {
  content: "\f1a1";
}
.iinternet-explorer:before {
  content: "\f1d4";
}
.ilinux:before {
  content: "\f1e8";
}
.iopera:before {
  content: "\f205";
}
.iqq:before {
  content: "\f216";
}
.isafari:before {
  content: "\f229";
}
.isnapchat-ghost:before {
  content: "\f234";
}
.iweixin:before {
  content: "\f262";
}
.iwindows:before {
  content: "\f266";
}
.istars:before {
  content: "\e8c4";
}
.iapple:before {
  content: "\e600";
}
.iblackberry:before {
  content: "\e601";
}
.icentos:before {
  content: "\e602";
}
.ifedora:before {
  content: "\e603";
}
.iredhat:before {
  content: "\e604";
}
.iubuntu:before {
  content: "\e605";
}
.isuse:before {
  content: "\e606";
}
.idouban:before {
  content: "\e75f";
}
.ivolume-off:before {
  content: "\e61e";
}
.ivolume-on:before {
  content: "\e62c";
}
.icircle-play:before {
  content: "\e647";
}
.iforward:before {
  content: "\e648";
}
.ibackward:before {
  content: "\e649";
}
.icircle-pause:before {
  content: "\e64a";
}
.iloop:before {
  content: "\e64b";
}
.iorder:before {
  content: "\e64c";
}
.irandom:before {
  content: "\e64d";
}
.izhihu:before {
  content: "\e765";
}
.icloud-music:before {
  content: "\e76a";
}
.iarchive:before {
  content: "\ef1c";
}
.iangle-right:before {
  content: "\ef1f";
}
.iarrow-down:before {
  content: "\ef25";
}
.iarrow-up:before {
  content: "\ef2a";
}
.ichart-area:before {
  content: "\ef64";
}
.zhezhao {
  position: fixed;
  left: 0px;
  top: 0px;
  background: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
}
.huagui {
  background: #2a2a2a;
  max-width: 800px;
  position: relative;
  height: 100%;
  margin: 0 auto;
}
.tankuang {
  background: #2a2a2a;
  margin: 90px auto;
  width: 800px;
  height: auto;
  color: #fff;
}
#header-right {
  margin-top: 90px;
  position: absolute;
  padding: 15px;
  width: 30px;
  height: 30px;
  background: #000;
  color: #fff;
  right: -65px;
  top: 0px;
  text-align: center;
  text-decoration: none;
}
#header-right:hover {
  background: #ffc600;
  transition: all 0.3s ease;
}
#overflow {
  position: absolute;
  height: 100%;
  overflow-y: scroll;
}
#faqpage {
  height: 100%;
  padding: 30px;
}
.tankuang h1 {
  color: #ffc600;
  text-align: left;
}
a {
  text-decoration: none;
}
@media only screen and (max-width: 900px) {
  .zhezhao {
    left: 0px;
    top: 0px;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
  }
  .huagui {
    float: left;
    position: relative;
    width: 300px;
    max-height: 100%;
    margin: 0 auto;
    padding: 1px;
  }
  .tankuang {
    background: #2a2a2a;
    margin: 90px auto;
    width: 300px;
    height: auto;
  }
  #faqpage {
    padding: 10px;
  }
  #overflow {
    float: left;
  }
}
@media only screen and (max-width: 300px) {
  .zhezhao {
    left: 0px;
    top: 0px;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
  }
  .huagui {
    float: left;
    position: relative;
    width: 200px;
    max-height: 100%;
    margin: 0 auto;
    padding: 1px;
  }
  .tankuang {
    background: #fff;
    margin: 90px auto;
    width: 200px;
    height: auto;
  }
  #faqpage {
    padding: 10px;
  }
  #overflow {
    float: left;
  }
}
.loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #323232;
  z-index: 999999;
}
.spinner {
  width: 140px;
  height: 140px;
  margin: 100px auto;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: scaleout 1s infinite ease-in-out;
  animation: scaleout 1s infinite ease-in-out;
}
@-webkit-keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
.fadeout {
  opacity: 0;
  transition: all 0.3s ease;
}
@-moz-keyframes scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@-o-keyframes scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
.down-arrow {
  width: 40px;
  height: 150px;
  position: absolute;
}
.down-arrow:after {
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  border-right: 5px solid #fff;
  border-top: 5px solid #fff;
  -webkit-transform: rotate(135deg); /*箭头方向可以自由切换角度*/
  transform: rotate(135deg);
}
@-moz-keyframes myMove {
  0% {
    padding-top: 30px;
  }
  100% {
    padding-top: 50px;
  }
}
@-webkit-keyframes myMove {
  0% {
    padding-top: 30px;
  }
  100% {
    padding-top: 50px;
  }
}
@-o-keyframes myMove {
  0% {
    padding-top: 30px;
  }
  100% {
    padding-top: 50px;
  }
}
#down {
  text-align: center;
  height: 1px;
  -moz-animation: myMove 2s linear infinite alternate;
  -webkit-animation: myMove 2s linear infinite alternate;
  -o-animation: myMove 2s linear infinite alternate;
  animation: myMove 2s linear infinite alternate;
}
@-moz-keyframes myMove {
  0% {
    padding-top: 30px;
  }
  100% {
    padding-top: 50px;
  }
}
@-webkit-keyframes myMove {
  0% {
    padding-top: 30px;
  }
  100% {
    padding-top: 50px;
  }
}
@-o-keyframes myMove {
  0% {
    padding-top: 30px;
  }
  100% {
    padding-top: 50px;
  }
}
@keyframes myMove {
  0% {
    padding-top: 30px;
  }
  100% {
    padding-top: 50px;
  }
}
